<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>应用jQuery的show和hide等方面设计纵向导航菜单</title>

<link href="css/cg_reset.css" type="text/css" rel="stylesheet" media="screen" />
<link href="css/layout.css" type="text/css" rel="stylesheet" />

<script src="js/jquery-1.3.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){		   
$(".indexleft_ul .li_bg").hover(	
 function () { 
	$(this).find(".pd_ul").show();
  },
   function () {
	$(this).find(".pd_ul").hide();
  }
  );
});
</script>

</head>
<body>
<div class="nav_2"></div>
<div class="main clearfix">
  <div class="index_left">
    <div class="indexleft_1">
      <strong class="indexleft_title">
      <h1 style="display: inline; font-size: 14px; color: #ffffff">驱动下载首页</h1>
      </strong>
      <ul class="indexleft_ul clearfix">
        <li class="li_bg"><a href="">主板驱动</a>
          <ul class="pd_ul" style="display: none">
            <li><a href="">Intel</a></li>
            <li><a href="">华硕</a></li>
            <li><a href="">技嘉</a></li>
            <li><a href="">msi微星</a></li>
            <li><a href="">精英</a></li>
            <li><a href="">华擎</a></li>
            <li><a href="">七彩虹</a></li>
            <li><a href="">昂达</a></li>
            <li><a href="">双敏</a></li>
            <li><a href="">盈通</a></li>
            <li><a href="">梅捷</a></li>   
            <li><a href="">更多&gt;&gt;</a></li>
          </ul>
        </li>
        <li class="li_bg"><a href="">显卡驱动</a>
          <ul class="pd_ul" style="display: none">
            <li><a href="">nVIDIA</a></li>
            <li><a href="">AMD</a></li>
            <li><a href="">ATI</a></li>
            <li><a href="">影驰</a></li>
            <li><a href="">七彩虹</a></li>
            <li><a href="">华硕</a></li>
            <li><a href="">msi微星</a></li>
            <li><a href="">映众</a></li>
            <li><a href="">昂达</a></li>
            <li><a href="">技嘉</a></li>    
            <li><a href="">更多&gt;&gt;</a></li>
          </ul>
        </li>
        <li class="li_bg"><a href="">声卡驱动</a>
          <ul class="pd_ul" style="display: none">
            <li><a href="">瑞昱</a></li>
            <li><a href="">创新</a></li>
            <li><a href="">德国坦克</a></li>
            <li><a href="">乐之邦</a></li>
            <li><a href="">华硕</a></li>
            <li><a href="">M-audio</a></li>
            <li><a href="">威盛</a></li>
            <li><a href="">AMD</a></li>    
            <li><a href="">更多&gt;&gt;</a></li>
          </ul>
        </li>
        <li class="li_bg"><a href="">网卡驱动</a>
            <ul class="pd_ul" style="display: none">
              <li><a href="">Intel</a></li>
              <li><a href="">瑞昱</a></li>
              <li><a href="">TP-LINK</a></li>
              <li><a href="">D-Link</a></li>
              <li><a href="">水星</a></li>
              <li><a href="">Netcore</a></li>
              <li><a href="">IP-COM</a></li>
              <li><a href="">金浪</a></li>        
              <li><a href="">更多&gt;&gt;</a></li>
            </ul>
        </li>  
        <li class="li_bg"><a href="">CPU驱动</a>
          <ul class="pd_ul" style="display: none">
            <li><a href="">AMD</a></li>
            <li><a href="">Intel</a></li>
          </ul>
        </li>
        <li class="li_nobg"><a href="">万能驱动</a></li>
      </ul>
    </div>
  </div>
</div>

</body>
</html>
